<template>
  <div class="sdy-home">
    <!-- 被 Teleport 标签包裹的内容, 会根据 to 的值进行传送 -->
    <!-- to 属性写的就是一个 选择器 -->
    <Teleport to=".header">
      <header-com></header-com>
    </Teleport>

    <!-- 轮播图模块 -->
    <HomeBanner />

    <!-- 九宫格数据 -->
    <HomeCateList />

    <!-- 秒杀数据 -->
    <HomeGoods />

    <!-- 商品列表 -->
    <homeGoodaList />
  </div>
</template>

<script lang="ts" setup>
import HeaderCom from '@/components/header.vue'
import HomeBanner from './components/homeBanner.vue'
import HomeCateList from './components/homeCateList.vue'
import HomeGoods from './components/homeGoods.vue'
import homeGoodaList from './components/homeGoodaList.vue'
</script>
